<!--
 * @Author: cmyshare cmyshare@163.com
 * @Date: 2023-10-14 22:38:36
 * @LastEditors: cmyshare cmyshare@163.com
 * @LastEditTime: 2023-10-14 23:20:52
 * @FilePath: \Open-Vue\06_数据代理\1.回顾Object.defineProperty方法.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>回顾Object.defineproperty方法</title>
	</head>
	<body>
		<script type="text/javascript" >
			let number = 18
			let person = {
				name:'张三',
				sex:'男',
			}

			// 借助Object.defineProperty让number和person有关联
			Object.defineProperty(person,'age',{
				// value:18,
				// enumerable:true, //控制属性是否可以枚举，默认值是false
				// writable:true, //控制属性是否可以被修改，默认值是false
				// configurable:true //控制属性是否可以被删除，默认值是false

				//当有人读取person的age属性时，get:function()等价于get函数(getter)就会被调用，且返回值就是age的值
				get(){
					console.log('有人读取age属性了')
					return number
				},

				//当有人修改person的age属性时，set函数(setter)就会被调用，且会收到修改的具体值
				set(value){
					console.log('有人修改了age属性，且值是',value)
					number = value
				}

			})
			console.log(Object.keys(person)) //输出person对象所有key值
			console.log(person)
		</script>
	</body>
</html>